class MVVM {
    constructor(opt) {
        //先把可用东西挂在实例上边
        this.$el = opt.el;
        this.$data = opt.data;

        if (this.$el) {
            //数据劫持
            new Observer(this.$data);
            // 将数据代理到实例上 直接可以通过this[key]取值，否则只能通过this.$data[key]
            this.proxyData(this.$data);
            //用数据和元素进行编译
            new Complie(this);
        }
    }

    proxyData(data) {
        Object.keys(data).forEach(key => {
            Object.defineProperty(this, key, {
                get() {
                    return data[key];
                },
                set(newVal) {
                    data[key] = newVal;
                }
            })
        })
    }
}